﻿@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0px;
    padding: 0px;
}

html {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    overflow: -moz-scrollbars-vertical;
}

body {
    color: #555;
    font-size: 12px;
    min-width: 1200px;
    width: 100%;
    line-height: 24px;
    font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: middle;
}

ol, ul, li {
    list-style-type: none;
}

button, input, select, textarea {
    font-size: 12px;
    font-family: inherit;
    margin: 0px;
    outline: none;
    resize: none;
    border: none;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

a {
    color: #555;
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

a:hover {
    color: #e00013;
    text-decoration: none;
}

:focus {
    outline: none;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

input, select {
    vertical-align: middle;
}

select, input, button, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
    border: 1px solid #CCC;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.clearfix {
    zoom: 1;
}

.mt10 {
    margin-top: 10px;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pa {
    position: absolute;
}

.pr {
    position: relative
}

.cart_header, .cart_content, .cart_footer {
    width: 760px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.gr_center {
    text-align: center;
}

.grWidth {
    width: 1000px;
    margin: 0 auto;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.center {
    text-align: center;
}

.hidden {
    overflow: hidden;
}

.topBar {
    height: 35px;
    line-height: 35px;
    background: #ececec;
}

.topBar ul {
    height: 35px;
}

.topBar li {
    float: left;
    line-height: 35px;
}

.topBar li em {
    font-style: normal;
    color: #d1d1d1;
    margin: 0 10px;
}

.topBar li.icon a {
    background: url(../images/topicon.png) no-repeat left 8px;
    display: block;
    width: 19px;
    height: 35px;
    font-size: 0;
    line-height: 0;
    zoom: 1;
    margin-left: 5px;
}

.topBar li.wx {
    position: relative;
    z-index: 10;
}

.topBar li.wb a {
    background-position: -19px 8px;
}

.topBar li.ly a {
    background-position: -38px 8px;
}

.topBar li a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.topBar li.wx div {
    position: absolute;
    top: 35px;
    left: -45px;
    display: none;
    border-radius: 5px;
    width: 100px;
    background: #FFF;
    padding: 5px;
    border: 1px solid #FFF;
}

.topBar li.wx div img {
    width: 100px;
    height: 100px;
}

.topBar li.wx div:before {
    content: "";
    position: absolute;
    top: -16px;
    right: 45px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
}

.header {
    height: 105px;
    padding-top: 25px;
    overflow: hidden;
}

.headPhone {
    background: url(../images/p_icon.png) no-repeat right center;
    padding-right: 50px;
    line-height: 22px;
    text-align: right;
    margin-top: 15px;
}

.headPhone span {
    font-size: 26px;
    color: #e00013;
    font-family: Arial;
    display: block;
}

.nav {
    height: 60px;
    line-height: 60px;
    background: #e00013;
    font-size: 14px;
}

.nav ul {
    background: url(../images/nav_line.jpg) no-repeat left center;
    height: 60px;
    padding-left: 2px;
}

.nav li {
    float: left;
    width: 125px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: url(../images/nav_line.jpg) no-repeat right center;
}

.nav li a {
    color: #FFF;
    display: block;
    transition: all 0.3s;
    background-position: left bottom;
}

.nav li a:hover, .nav li a.current {
    color: #FFF;
    background: url(../images/nav_h.jpg) no-repeat center bottom;
    font-weight: bold;
    transition: all 0.3s;
}

.banner {
    width: 1920px;
    margin: 0 auto;
    position: relative;
    height: 488px;
    left: 50%;
    margin-left: -960px;
}

.banner .bd {
    width: 1920px;
    height: 488px;
    overflow: hidden;
    z-index: 0;
}

.banner_ctr {
    height: 90px;
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 50%;
    margin-left: -500px;
}

.banner_ctr a {
    display: block;
    width: 47px;
    height: 79px;
    background: url(../images/banner_btn.png) no-repeat 0 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
}

.banner_ctr a.prev {
    left: -90px;
}

.banner_ctr a.next {
    right: -1090px;
    background-position: -47px 0px;
}

.banner_ctr a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.banner .hd {
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 5;
    left: 50%;
    font-size: 0;
    line-height: 0;
    height: 0px;
    margin-left: -50px;
    height: 10px;
    overflow: hidden;
}

.banner .hd li {
    background: #FFF;
    z-index: 2;
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
    width: 6px;
    height: 6px;
    *display: inline;
    zoom: 1;
    border-radius: 100%;
    border: 2px solid #FFF;
}

.banner .hd li:hover, .banner .hd .on {
    background: none;
    border: 2px solid #e00013;
}

.search {
    padding: 20px 0;
    overflow: hidden;
}

.searMain {
    width: 425px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    overflow: hidden;
}

.searMain .sear_text {
    float: left;
    width: 330px;
    height: 38px;
    line-height: 38px;
    color: #555;
    background: #f0f0f0;
    border: 1px solid #e2e2e2;
    padding: 0 10px;
    font-size: 12px;
    border-right: none;
}

.searMain .sear_btn {
    float: right;
    width: 74px;
    height: 40px;
    cursor: pointer;
    background: url(../images/sear_btn.jpg) no-repeat left center;
}

.searMain .sear_btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.searMain .sear_text:hover {
    border: 1px solid #0067aa;
    border-right: none;
}

.searFont {
    text-align: center;
    margin-top: 8px;
}

.searFont em {
    font-style: normal;
    margin: 0 8px;
}

.prodcut {
    padding: 50px 0;
    background: #ececec;
    overflow: hidden;
}

.proLeft {
    width: 255px;
    height:;
}

.proLeft .title {
    background: url(../images/side_tie.jpg) no-repeat;
    height: 55px;
    padding-left: 60px;
    color: #FFF;
    font-size: 20px;
    padding-top: 20px;
    line-height: 18px;
}

.proLeft .title span {
    display: block;
    font-size: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    font-weight: normal;
    font-family: Arial;
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
}

.proside {
    background: #FFF;
    margin-bottom: 10px;
}

.proside li {
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
    padding: 18px 20px;
    border-left: 3px solid #FFF;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.proside li a {
    height: 30px;
    line-height: 30px;
    background: #FFF url(../images/side_li.png) no-repeat left center;
    padding-left: 30px;
}

.proside li.current {
    border-left: 3px solid #383838;
}

.proside li a:hover, .proside li.current a {
    background: url(../images/side_lih.png) no-repeat left center;
    color: #0067aa;
    transition: all 0.3s;
}

.proside li ul a {
    font-size: 12px;
    background: none;
    height: 24px;
    line-height: 24px;
}

.proside li ul li {
    border-bottom: none;
    padding: 0px;
}

.proside li.current ul a {
    color: #555;
    background: none;
}

.proside li ul a:hover {
    color: #0067aa;
    background: none;
}

.left_phone {
    background: url(../images/left_con.jpg) no-repeat;
    padding: 50px 20px 0 20px;
    height: 80px;
    color: #FFF;
    text-align: right;
}

.left_phone span {
    background: #0067aa;
    display: block;
    font-size: 24px;
    font-family: Arial;
    line-height: 30px;
    padding-right: 10px;
}

.proRight {
    width: 720px;
    overflow: hidden;
    height:;
}

.proRight .title {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.proRight .title span {
    display: inline-block;
    width: 115px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: relative;
    font-size: 14px;
    color: #FFF;
    background: #383838;
    cursor: pointer;
    margin-right: 2px;
    font-weight: normal;
}

.proRight .title span:before {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 60px;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
}

.proRight .title span.on {
    background: #0067aa;
    font-weight: bold;
}

.proRight .title span.on:before {
    border-top-color: #0067aa;
}

.proMain, .proBox {
    min-height: 400px;
    overflow: hidden;
}

.proBox ul {
    width: 760px;
}

.proMain li {
    float: left;
    width: 225px;
    border: 1px solid #e5e5e5;
    background: #FFF;
    margin: 0 19px 15px 0;
}

.proMain li .pImg {
    display: block;
    width: 225px;
    height: 210px;
    overflow: hidden;
}

.proMain li img {
    width: 225px;
    height: 210px;
    transition: all 0.5s;
}

.proMain li h5 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proMain li .btn {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
}

.proMain li .btn .btn1 {
    color: #e20013;
}

.proMain li .zx {
    float: right;
    background: url(../images/zx_icon.png) no-repeat left center;
    padding-left: 20px;
}

.proMain li:hover {
    border: 1px solid #e00013;
}

.proMain li:hover img {
    transition: all 0.5s;
    transform: scale(1.1, 1.1);
}

.feature {
    background: url(../images/feature.jpg) no-repeat center top;
    height: 858px;
    overflow: hidden;
    font-size: 14px;
    color: #585858;
}

.feature .title {
    text-align: right;
    height: 95px;
    padding-top: 30px;
}

.featureMain {
    float: right;
    margin-top: 110px;
    width: 435px;
    margin-right: 25px;
}

.featureMain li {
    height: 90px;
    overflow: hidden;
}

.featureMain li .icon {
    float: left;
    width: 39px;
    height: 39px;
    background: url(../images/feature_icon.png) no-repeat;
}

.featureMain li h4 {
    font-size: 20px;
    color: #333;
    height: 30px;
}

.featureMain li h4 span {
    color: #0067aa;
}

.featureMain li .font {
    width: 385px;
    float: right;
}

.featureMain li.f2 i {
    background-position: 0 -39px;
}

.featureMain li.f3 i {
    background-position: 0 -78px;
}

.featureMain li.f4 i {
    background-position: 0 -117px;
}

.featureMain li.f5 i {
    background-position: 0 -156px;
}

.featureMain li.f6 i {
    background-position: 0 -195px;
}

.odds {
    padding: 50px 0;
    overflow: hidden;
}

.odds .title {
    text-align: center;
    margin-bottom: 45px;
}

.oddsBox1 {
    background: url(../images/odds1.jpg) no-repeat right top;
    padding-right: 430px;
    height: 380px;
    overflow: hidden;
}

.oddsMain {
    margin-bottom: 30px;
    overflow: hidden;
}

.oddsMain .num {
    float: left;
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(../images/odds_num.png) no-repeat;
    font-family: Arial;
    font-size: 26px;
    text-align: center;
    line-height: 44px;
    color: #FFF;
    font-style: normal;
}

.oddsMain .font {
    width: 510px;
    float: right;
}

.oddsMain h3 {
    font-size: 20px;
    color: #3c3c3c;
    margin-bottom: 10px;
}

.oddsMain h3 strong {
    color: #0067aa;
}

.oddsMain h3 span {
    font-size: 11px;
    font-family: Arial;
    color: #717171;
    font-weight: normal;
    display: block;
    line-height: 20px;
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
}

.oddsMain p {
    background: url(../images/odds_li.png) no-repeat left 12px;
    border-bottom: 1px dashed #9c9c9c;
    padding: 5px 0 5px 20px;
    line-height: 22px;
}

.oddsBox2 {
    background: url(../images/odds2.jpg) no-repeat left top;
    padding-left: 430px;
    height: 330px;
    overflow: hidden;
    margin: 40px 0;
}

.oddsBox3 {
    background: url(../images/odds3.jpg) no-repeat right top;
    padding-right: 430px;
    height: 300px;
    overflow: hidden;
    padding-top: 15px;
}

.case {
    background: url(../images/case_bg.jpg);
    padding: 50px 0;
    overflow: hidden;
}

.caseLeft {
    width: 255px;
    overflow: hidden;
    background: #FFF;
}

.caseLeft .title {
    background: #0067aa;
    color: #FFF;
    font-size: 22px;
    text-align: center;
    height: 110px;
    padding-top: 30px;
    line-height: 26px;
}

.caseLeft .title span {
    display: block;
    font-size: 14px;
}

.caseLeft li {
    height: 61px;
    line-height: 61px;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
    font-size: 14px;
}

.caseLeft li a {
    display: block;
}

.caseLeft li a:hover, .caseLeft li.on a {
    background: #3c3c3c;
    color: #FFF;
}

.caseRight {
    width: 680px;
    background: #FFF;
    padding: 20px;
    height: 584px;
    overflow: hidden;
}

.caseTop {
    height: 265px;
    margin-bottom: 15px;
    overflow: hidden;
}

.caseTop .cImg {
    width: 340px;
    height: 265px;
    display: block;
    overflow: hidden;
    margin-right: 20px;
}

.caseTop img {
    width: 340px;
    height: 265px;
    transition: all 0.5s;
}

.caseTop h4 {
    font-size: 14px;
    color: #333;
    background: url(../images/case_line.jpg) no-repeat left bottom;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caseTop img:hover, .caseImg li img:hover, .clientMain li:hover img {
    transition: all 0.5s;
    transform: scale(1.1, 1.1)
}

.caseTop p {
    height: 130px;
    overflow: hidden;
}

.caseTop .more {
    display: inline-block;
    width: 110px;
    height: 38px;
    line-height: 38px;
    background: #0067aa url(../images/case_btn.jpg) no-repeat left center;
    padding-left: 37px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    margin-left: -56px;
    position: relative;
}

.caseTop .more:hover {
    background: #363636 url(../images/case_btn.jpg) no-repeat left center;
    transiton: all 0.3s;
}

.caseBox {
    height: 265px;
    overflow: hidden;
}

.caseVideo {
    width: 315px;
    height: 265px;
    overflow: hidden;
}

.caseImg {
    width: 320px;
    overflow: hidden;
}

.caseImg ul {
    width: 360px;
}

.caseImg li {
    float: left;
    width: 155px;
    margin-right: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}

.caseImg li img {
    width: 155px;
    height: 125px;
    transition: all 0.5s;
}

.client {
    padding-top: 40px;
    overflow: hidden;
    clear: both;
}

.client .title {
    height: 40px;
    border-bottom: 1px solid #939393;
    font-size: 24px;
    margin-bottom: 20px;
    color: #555;
}

.client .title span {
    border-bottom: 2px solid #3c3c3c;
    display: inline-block;
    height: 39px;
}

.client .title .more {
    float: right;
    width: 14px;
    height: 14px;
    background: url(../images/clien_more.jpg) no-repeat;
    transition: all 0.3s;
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

.client .title .more:hover {
    transition: all 0.3s;
    background-position: 0 -14px;
}

.clientMain {
    height:;
    overflow: hidden;
}

.clientMain ul {
    width: 1040px;
}

.clientMain li {
    float: left;
    width: 490px;
    height: 230px;
    background: #FFF;
    overflow: hidden;
    margin-right: 30px;
    padding-right: 20px;
}

.clientMain li img {
    width: 220px;
    height: 230px;
    transition: all 0.5s;
}

.clientMain li .fl {
    width: 220px;
    height: 230px;
    margin-right: 20px;
    overflow: hidden;
}

.clientMain li h4 {
    padding-top: 20px;
    height: auto;
    font-size: 14px;
    background: url(../images/client_line.jpg) no-repeat left bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.clientMain li h4 a {
    color: #333;
    line-height: 36px;
}

.clientMain li h4 a:hover {
    color: #e00013;
}

.clientMain li p {
    height: 115px;
}

.clientMain li .more {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    color: #FFF;
    background: #525252;
    transition: all 0.3s;
    padding: 0 10px;
}

.clientMain li .more:hover {
    background: #e00013;
    transition: all 0.3s;
}

.about {
    padding: 50px 0;
    background: #FFF url(../images/about_bg.jpg) repeat-x;
    overflow: hidden;
}

.aboutMain {
    height: 355px;
    margin-bottom: 40px;
    overflow: hidden;
}

.aboutImg {
    width: 435px;
    height: 335px;
    background: #FFF;
    padding: 5px;
    box-shadow: 2px 2px 3px #DDD;
}

.aboutRight {
    width: 520px;
    padding-top: 20px;
    height: 335px;
    overflow: hidden;
}

.aboutRight .tie {
    font-size: 24px;
    color: #FFF;
    height: 65px;
    text-transform: uppercase;
}

.aboutRight .tie span {
    display: block;
    font-size: 10px;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
    font-family: Arial;
}

.aboutFont {
    padding-top: 35px;
    height: 130px;
    margin-bottom: 10px;
    overflow: hidden;
}

.aboutFont .more {
    color: #e00013;
}

.aboutFont .more:hover {
    text-decoration: underline;
}

.aboutNum {
    height: 60px;
    background: #f7f7f7;
    border: 1px solid #DDD;
    overflow: hidden;
}

.aboutNum li {
    float: left;
    border-left: 1px solid #DDD;
    width: 128px;
    text-align: center;
    padding-top: 10px;
    line-height: 20px;
    height: 50px;
}

.aboutNum li span {
    font-size: 20px;
    color: #c90005;
}

.aboutNum li span b {
    font-weight: normal;
}

.aboutNum li.first {
    border-left: none;
}

.setting {
    height:;
    overflow: hidden;
}

.settingMenu {
    height: 55px;
    line-height: 55px;
    font-weight: normal;
    margin-bottom: 20px;
}

.settingMenu a {
    float: left;
    width: 180px;
    height: 55px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    background: #393939;
    margin-right: 5px;
}

.settingMenu a.on {
    background: #0067aa;
}

.settingMain, .settingBox {
    height: 190px;
    overflow: hidden;
}

.settingMain .piclist {
    height: 190px;
    width: 1040px;
    zoom: 1;
}

.settingMain li {
    float: left;
    width: 235px;
    height: 190px;
    margin-right: 20px;
    overflow: hidden;
}

.settingMain li img {
    width: 235px;
    height: 190px;
    transition: all 0.5s;
}

.settingMain li span {
    display: block;
    height: 30px;
    line-height: 30px;
    background: url(../images/opc.png);
    position: relative;
    margin-top: -30px;
    color: #FFF;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settingMain li:hover img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s;
}

.news {
    padding: 50px 0;
    background: #ececec;
    overflow: hidden;
}

.newsLeft {
    width: 690px;
    overflow: hidden;
}

.newsMenu {
    height: 65px;
    overflow: hidden;
}

.newsMenu span {
    float: left;
    width: 305px;
    padding: 15px 20px 0 20px;
    height: 70px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 20px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

.newsMenu span i {
    font-style: normal;
    display: block;
    font-family: Arial;
    font-weight: normal;
    color: #818181;
}

.newsMenu a, .newsRight .title a {
    float: right;
    width: 14px;
    height: 14px;
    background: url(../images/clien_more.jpg) no-repeat;
    transition: all 0.3s;
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

.newsMenu a:hover, .newsRight .title a:hover {
    transition: all 0.3s;
    background-position: 0 -14px;
}

.newsMenu .on {
    background: url(../images/news_line.jpg) repeat-x;
}

.newsMain {
    background: #FFF;
    padding: 20px;
    overflow: hidden;
    height: 252px;
}

.newsBox {
    height: 240px;
    overflow: hidden;
}

.newsTop {
    height: 110px;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #9c9c9c;
    line-height: 20px;
}

.newsTop .fl {
    width: 165px;
    height: 110px;
    overflow: hidden;
    margin-right: 20px;
}

.newsTop img {
    width: 165px;
    height: 110px;
    transition: all 0.5s;
}

.newsTop h4 {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.newsTop h4 a {
    color: #333;
}

.newsTop h4 a:hover {
    color: #c90005;
}

.newsTop .date {
    line-height: 18px;
    display: block;
    color: #858585;
    margin-bottom: 10px;
}

.newsTop .more {
    color: #c90005;
}

.newsTop .more:hover {
    text-decoration: underline;
}

.newsMain_list ul {
    width: 740px;
}

.newsMain_list li {
    float: left;
    width: 330px;
    margin-right: 30px;
    background: url(../images/news_li.png) no-repeat left center;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsRight {
    width: 280px;
    overflow: hidden;
    background: #FFF;
}

.newsRight .title {
    padding: 15px 20px 0 20px;
    height: 65px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 20px;
    background: #ececec;
}

.newsRight .title i {
    font-style: normal;
    display: block;
    font-family: Arial;
    font-weight: normal;
    color: #818181;
}

.faqMain {
    height: 240px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 15px;
}

.faqMain li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #9c9c9c;
    line-height: 20px;
}

.faqMain li h4 {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    background: url(../images/a.png) no-repeat left 3px;
    padding-left: 25px;
    line-height: 24px;
}

.faqMain li h4 a {
    color: #464646;
}

.faqMain li h4 a:hover {
    color: #d40010;
}

.faqMain li p {
    background: url(../images/q.png) no-repeat left 3px;
    padding-left: 25px;
}

.footer {
    background: #272727;
    padding-top: 40px;
    overflow: hidden;
    color: #a2a2a2;
}

.footMenu {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #0067aa;
    border-radius: 8px;
    margin-bottom: 25px;
}

.footMenu a {
    color: #FFF;
    margin: 0 28px;
}

.footMenu a:hover {
    text-decoration: underline;
}

.footMenu li {
    display: inline-block;
}

.footLogo {
    width: 170px;
}

.footLeft {
    width: 690px;
}

.footContact {
    float: left;
    width: 500px;
}

.footWx {
    width: 220px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
}

.footWx img {
    width: 100px;
    height: 100px;
    margin-bottom: 5px;
}

.firendLink {
    height: 50px;
    line-height: 50px;
    background: url(../images/foot_line.jpg) repeat-x left top;
    margin-top: 20px;
}

.firendLink em {
    font-style: normal;
    margin: 0 10px;
}

.footContact a, .firendLink a {
    color: #a2a2a2;
}

.footContact a:hover, .firendLink a:hover {
    color: #FFF;
}

.listBanner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 340px;
}

.listWrapper {
    overflow: hidden;
    padding-top: 30px;
}

.listLeft {
    width: 250px;
    float: left;
    overflow: hidden;
}

.listRight {
    width: 720px;
    float: right;
    overflow: hidden;
}

.breadCrumb {
    border-bottom: 1px solid #DADADA;
    height: 30px;
    margin-bottom: 25px;
}

.breadCrumb strong {
    color: #333;
    font-size: 18px;
    font-family: "微软雅黑";
    height: 29px;
    border-bottom: 2px solid #f08519;
    display: inline-block;
    font-weight: normal;
}

.breadCrumb p {
    background: url(../images/mapicon.png) no-repeat left center;
    padding-left: 20px;
}

.breadCrumb p span {
    margin: 0 8px;
}

.sidebar {
    margin-bottom: 20px;
}

.side_title {
    background: url(../images/side_tie.jpg) no-repeat;
    height: 55px;
    padding-left: 60px;
    color: #FFF;
    font-size: 20px;
    padding-top: 20px;
    line-height: 18px;
}

.side_title span {
    display: block;
    font-size: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-transform: uppercase;
    font-weight: normal;
    font-family: Arial;
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
}

.sidebarMenu {
    background: #FFF;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
}

.sidebarMenu li {
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 3px solid #FFF;
    padding: 12px 20px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sidebarMenu li a {
    height: 30px;
    line-height: 30px;
    background: #FFF url(../images/side_li.png) no-repeat left center;
    padding-left: 30px;
}

.sidebarMenu li.current {
    border-left: 3px solid #383838;
}

.sidebarMenu li a:hover, .sidebarMenu li.current a {
    background: url(../images/side_lih.png) no-repeat left center;
    color: #0067aa;
    transition: all 0.3s;
}

.sidebarMenu li ul {
    display: none;
    border-top: none;
    border-bottom: none;
}

.sidebarMenu li ul a {
    font-size: 12px;
    background: none;
    height: 24px;
    line-height: 24px;
}

.sidebarMenu li ul li {
    border-bottom: none;
    padding: 0px;
}

.sidebarMenu li.current ul a {
    color: #555;
    background: none;
}

.sidebarMenu li ul .current {
    border-left: none;
}

.sidebarMenu li ul a:hover, .sidebarMenu li ul .current a {
    color: #ef0014;
    background: none;
}

.recommend_pro {
    margin-bottom: 15px;
}

.listLeft .left_title {
    background: #0067aa;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #FFF;
    padding-left: 15px;
    font-size: 14px;
    font-weight: normal;
    border-left: 5px solid #333;
}

.recommend_slide {
    height: 490px;
    overflow: hidden;
    padding: 14px;
    border: 1px solid #bcbcbc;
    background: #FFF;
    border-top: none;
}

.recommend_pro li {
    width: 220px;
    overflow: hidden;
}

.recommend_pro li img {
    width: 214px;
    height: 200px;
    border: 1px solid #DDD;
    padding: 2px;
}

.recommend_pro li span {
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommend_pro li:hover img {
    border: 1px solid #e00013;
}

.twoCont {
    padding: 15px 10px;
    overflow: hidden;
    background: #f4f4f4;
}

.sidebarThree h3 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

.sidebarThree h3 span {
    display: block;
    font-size: 24px;
    color: #f08519;
    font-family: arial;
}

.sidebarThree p {
    line-height: 22px;
}

.sidebarThree p span {
    padding-left: 3em;
}

.pageTitle {
    height: 46px;
    line-height: 40px;
    background: url(../images/conti.jpg) no-repeat left bottom;
}

.pageTitle h2 {
    display: block;
    float: left;
    height: 46px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
}

.pageTitle span {
    height: 46px;
    float: right;
}

.productList li {
    float: left;
    width: 225px;
    border: 1px solid #e5e5e5;
    background: #FFF;
    margin: 0 19px 15px 0;
}

.productList li .pImg {
    display: block;
    width: 225px;
    height: 210px;
    overflow: hidden;
}

.productList li img {
    width: 225px;
    height: 210px;
    transition: all 0.5s;
}

.productList li h5 {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productList li .btn {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
}

.productList li .btn .btn1 {
    color: #e20013;
}

.productList li .zx {
    float: right;
    background: url(../images/zx_icon.png) no-repeat left center;
    padding-left: 20px;
}

.productList li:hover {
    border: 1px solid #e00013;
}

.productList li:hover img {
    transition: all 0.5s;
    transform: scale(1.1, 1.1);
}

.rec-title {
    padding-left: 20px;
    height: 35px;
    line-height: 35px;
    background: url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.product-show-pic {
    width: 402px;
    height: 470px;
}

.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 310px;
    background: #FFF;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #FFF;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.spec-preview {
    width: 400;
    height: 375px;
    border: 1px solid #CCC;
}

.spec-scroll {
    margin-top: 10px;
    width: 402px;
    height: 70px;
    overflow: hidden;
    position: relative;
}

.spec-scroll a.prev {
    display: block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 25px;
    left: 0;
    background: url(../images/listpro_btn.png) no-repeat 0 0px;
    overflow: hidden;
    cursor: pointer;
}

.spec-scroll a.prev:hover {
    background-position: 0 -21px;
}

.spec-scroll a.next {
    display: block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 0;
    background: url(../images/listpro_btn.png) no-repeat 0 -42px;
    overflow: hidden;
    cursor: pointer;
}

.spec-scroll a.next:hover {
    background-position: 0 -63px;
}

.spec-scroll .items {
    position: relative;
    width: 350px;
    height: 70px;
    margin: 0 auto;
    overflow: hidden;
}

.spec-scroll .items ul {
    position: absolute;
    width: 400px;
    height: 70px;
}

.spec-scroll .items ul li {
    width: 90px;
    height: 70px;
    float: left;
}

.spec-scroll .items ul li img {
    width: 73px;
    height: 68px;
    cursor: pointer;
    border: 1px solid #CCC;
}

.spec-scroll .items ul li img:hover, .spec-scroll .items ul .on img {
    border: 1px solid #e00013;
}

.product-show-title {
    width: 290px;
    height: 470px;
    overflow: hidden;
    float: right;
}

.product-show-title h2 {
    line-height: 24px;
    border-bottom: 1px dashed #CCC;
    font-size: 18px;
    color: #e00013;
    padding: 10px 0;
    font-family: "微软雅黑";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gr-description {
    padding: 10px 0;
}

.prodcut-tel {
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 26px;
    background: url(../images/p_icon.png) no-repeat left 8px;
}

.prodcut-tel span {
    font-family: arial;
    font-size: 24px;
    color: #e00013;
    display: block;
}

.product-order a {
    display: block;
    width: 120px;
    height: 40px;
    background: #e00013;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    border-radius: 5px;
    font-family: "微软雅黑";
}

.product-order a:hover {
    background: #555;
    transition: all 0.5s;
}

.gr-tab-list {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.gr-tab-list .hd {
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #dadada
}

.gr-tab-list .hd li {
    width: 100px;
    float: left;
    text-align: center;
    background: #dadada;
    margin-right: 5px;
    cursor: pointer;
}

.gr-tab-list .hd li.on {
    background: #f08519;
    color: #FFF;
}

.gr-tab-list .bd {
    overflow: hidden;
    padding-top: 15px;
}

.tab_down p {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dotted #DDD;
    background: url(../images/ly_li.png) no-repeat left center;
    padding-left: 15px;
}

.tab_down p a {
    float: right;
    background: url(../images/downicon.png) no-repeat right center;
    padding-right: 25px;
}

.tab_down p a:hover {
    background: url(../images/downiconh.png) no-repeat right center;
}

.orderBox {
    padding: 25px;
    width: 710px;
    background: #eee;
    overflow: hidden;
}

.orderBox h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.orderBox .table {
    padding-top: 20px;
    overflow: hidden;
}

.orderBox .table li {
    width: 345px;
    height: 215px;
    float: left;
    height: 35px;
    margin-bottom: 10px;
}

.orderBox .table li span {
    float: left;
    border: 1px solid #DDD;
    line-height: 33px;
    height: 33px;
    width: 78px;
    display: inline-block;
    text-align: center;
    background: #FFF;
}

.orderBox .table li .iptTxt {
    float: right;
    width: 254px;
    border: 1px solid #DDD;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #FFF;
    color: #555;
    padding-left: 10px;
}

.orderBox .table li .iptCode {
    float: left;
    width: 164px;
    border: 1px solid #DDD;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #FFF;
    color: #555;
    padding-left: 10px;
}

.orderBox .table li .checkcode {
    float: right;
    border: 1px solid #DDD;
    border-left-width: 0;
    background: #FFF;
    padding: 5px 9px 6px 10px;
}

.orderBox .table li .btn {
    width: 355px;
    height: 35px;
    line-height: 35px;
    background: #333;
    cursor: pointer;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    border: none;
}

.orderBox .table li .btn:hover {
    background: #e00013;
    color: #FFF;
}

.orderBox .table li.areLi {
    width: 340px;
    float: right;
    height: 215px;
    overflow: hidden;
}

.orderBox .table li.areLi .txtContent {
    width: 278px;
    height: 183px;
    border: 1px solid #DDD;
    outline: none;
    resize: none;
    padding: 15px;
    color: #555;
    line-height: 18px;
}

.related-product {
    overflow: hidden;
}

.related-product .title, .relatedTitle {
    background: #d1d1d1;
    height: 35px;
    line-height: 35px;
}

.related-product .title span, .relatedTitle span {
    display: inline-block;
    color: #FFF;
    background: #f08519;
    width: 120px;
    height: 35px;
    text-align: center;
    font-size: 14px;
}

.related-product ul {
    width: 800px;
    margin-top: 20px;
}

.related-product li {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 27px;
    border: 1px solid #DDD;
    background: #eee;
    text-align: center;
}

.related-product li a {
    display: block;
    width: 220px;
}

.related-product li img {
    width: 210px;
    height: 195px;
    padding: 5px;
    background: #FFF;
}

.related-product li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.related-product li:hover {
    border: 1px solid #f08519;
}

.related-product li a:hover {
    background: #f08519;
    color: #FFF;
}

.related-product1 {
    overflow: hidden;
}

.related-product1 p {
    margin-top: 20px;
}

.related-product1 .title, .relatedTitle {
    background: #d1d1d1;
    height: 35px;
    line-height: 35px;
}

.related-product1 .title span, .relatedTitle span {
    display: inline-block;
    color: #FFF;
    background: #f08519;
    width: 120px;
    height: 35px;
    text-align: center;
    font-size: 14px;
}

.related-product1 ul {
    width: 800px;
    margin-top: 20px;
}

.related-product1 li {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 27px;
    border: 1px solid #DDD;
    background: #eee;
    text-align: center;
}

.related-product1 li a {
    display: block;
    width: 220px;
}

.related-product1 li img {
    width: 210px;
    height: 195px;
    padding: 5px;
    background: #FFF;
}

.related-product1 li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.related-product li a:hover {
    background: #f08519;
    color: #FFF;
}

.caseList li {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 27px;
    border: 1px solid #DDD;
    background: #eee;
    text-align: center;
}

.caseList li a {
    display: block;
    width: 220px;
}

.caseList li img {
    width: 210px;
    height: 165px;
    padding: 5px;
    background: #FFF;
}

.caseList li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.caseList li:hover {
    border: 1px solid #e00013;
}

.caseList li a:hover {
    background: #e00013;
    color: #FFF;
}

.caseShow .title {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
}

.caseShow .p1 {
    margin-bottom: 25px;
    text-align: center;
    color: #333;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px
}

.caseShow .p1 span {
    margin-right: 15px;
}

.zoombox {
    width: 720px;
    margin-bottom: 35px;
    text-align: center;
}

.zoompic {
    width: 720px;
    height:;
    background: url(../images/loading.gif) no-repeat 50% 50%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.sliderbox {
    height: 85px;
    overflow: hidden;
    margin-top: 20px;
}

.sliderbox .arrow-btn {
    width: 20px;
    height: 85px;
    background: url(../images/arrow_btn.png) no-repeat;
    cursor: pointer;
    margin-top: 10px;
}

.sliderbox #btn-left {
    float: left;
    background-position: 0 0;
}

.sliderbox #btn-left.dasabled {
    background-position: -40px 0;
}

.sliderbox #btn-right {
    float: right;
    background-position: -20px 0;
}

.sliderbox #btn-right.dasabled {
    background-position: -60px 0;
}

.sliderbox .slider {
    float: left;
    height: 85px;
    width: 660px;
    position: relative;
    margin-left: 10px;
    overflow: hidden;
}

.sliderbox .slider ul {
    position: absolute;
    left: 0;
    width: 720px;
}

.sliderbox .slider li {
    float: left;
    width: 110px;
    height: 85px;
    text-align: center;
}

.sliderbox .slider li img {
    border: 3px solid #dfdfdf;
    width: 94px;
    height: 79px;
}

.sliderbox .slider li.current img {
    border: 3px solid #f08519;
}

.caseShow_font1 .title {
    height: 35px;
    border-bottom: 1px solid #CCC;
}

.caseShow_font1 .title span {
    float: left;
    height: 35px;
    width: 120px;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}

.caseShow_font1 .title .on {
    color: #FFF;
    background: #f08519;
}

.relatedCase {
    width: 720px;
    overflow: hidden;
    margin-top: 30px;
}

.relatedCase ul {
    width: 756px;
}

.relatedCase li {
    float: left;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 27px;
    border: 1px solid #DDD;
    background: #eee;
    text-align: center;
}

.relatedCase li a {
    display: block;
    width: 220px;
}

.relatedCase li img {
    width: 210px;
    height: 165px;
    padding: 5px;
    background: #FFF;
}

.relatedCase li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.relatedCase li:hover {
    border: 1px solid #f08519;
}

.relatedCase li a:hover {
    background: #f08519;
    color: #FFF;
}

.productList, .caseList, .partnerList, .honorList, .settingList, .newsList, .appList, .newsList, .mouldList {
    width: 720px;
    overflow: hidden;
}

.productList ul, .caseList ul, .partnerList ul, .honorList ul, .settingList ul, .appList ul, .mouldList ul {
    width: 760px;
}

.honorList ul li {
    width: 220px;
    float: left;
    margin-right: 27px;
    text-align: center;
}

.honorList ul li img {
    display: block;
    width: 210px;
    height: 190px;
    padding: 4px;
    border: 1px solid #E3E3E3;
    background: #FFF;
}

.honorList ul li img:hover {
    border: 1px solid #e00013;
}

.honorList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.settingList ul li {
    width: 220px;
    float: left;
    margin-right: 27px;
    text-align: center;
}

.settingList ul li img {
    display: block;
    width: 210px;
    height: 190px;
    padding: 4px;
    border: 1px solid #E3E3E3;
    background: #FFF;
}

.settingList ul li img:hover {
    border: 1px solid #f08519;
    background: #f08519;
}

.settingList ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.qyxc1 {
    width: 720px;
    overflow: hidden;
}

.qyxc1 ul {
    width: 760px;
}

.qyxc1 ul li {
    width: 220px;
    float: left;
    margin-right: 27px;
    text-align: center;
    margin-bottom: 10px;
}

.qyxc1 ul li img {
    display: block;
    width: 210px;
    height: 190px;
    padding: 4px;
    border: 1px solid #E3E3E3;
    background: #FFF;
}

.qyxc1 ul li img:hover {
    border: 1px solid #f08519;
}

.qyxc1 ul li span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    background: #f0f0f0;
}

.clientList ul li {
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #555;
}

.clientList ul li .fl {
    width: 240px;
    height: 250px;
    padding: 4px;
    background: #FFF;
    border: 1px solid #d2d2d2;
    margin-right: 20px;
}

.clientList ul li img {
    width: 240px;
    height: 250px;
}

.clientList ul li h3 {
    height: 35px;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.clientList ul li h3 a {
    color: #333;
}

.clientList ul li h3 a:hover {
    color: #e00013;
}

.clientList ul li h3 span {
    display: inline-block;
    margin-left: 10px;
}

.clientList ul li p {
    height: 170px;
    margin-bottom: 10px;
    overflow: hidden;
}

.clientList ul li .more {
    width: 100px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #CCC;
    color: #555;
}

.clientList ul li .more:hover {
    background: #e00013;
    transition: all 0.3s;
    color: #FFF;
    border: 1px solid #e00013;
}

.clientList ul li .fl:hover {
    border: 1px solid #e00013;
}

.newsList li {
    height: 150px;
    color: #555;
    margin-bottom: 15px;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 15px;
}

.newsList li img {
    width: 230px;
    height: 150px;
    margin-right: 20px;
}

.newsList li h3 {
    font-size: 16px;
    font-weight: normal;
}

.newsList li h3 span {
    float: right;
    font-size: 12px;
}

.newsList li h3 a {
    color: #333;
    display: inline-block;
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsList li h3 a:hover {
    color: #e00013;
}

.newsList li p {
    margin-bottom: 15px;
    overflow: hidden;
}

.newsList li .more {
    color: #e00013;
}

.newsList li .more:hover {
    text-decoration: underline;
}

.newsList li .browse {
    display: block;
    overflow: hidden;
}

.faqList {
    font-size: 13px;
    word-spacing: 3px;
    padding-bottom: 30px;
}

.faqList li .p01 {
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
    padding: 10px;
    background: url(../images/a.png) no-repeat 5px center;
    padding-left: 30px;
}

.faqList li .answer {
    padding: 15px 25px 10px 35px;
    border-bottom: 1px dotted #a0906e;
    color: #555;
    display: none;
    border-left: 3px solid #e00013;
}

.faqList .current .answer {
    display: block;
}

.faqList .current .p01 {
    background: #eee url(../images/a.png) no-repeat 5px center;
}

.topWrap {
    background: #FFF;
    font-family: "Microsoft Yahei";
    height: 185px;
    position: relative;
}

.header {
    width: 1200px;
    margin: 0 auto;
}

.h_nr {
    height: 133px;
    overflow: hidden;
    padding-top: 24px;
    box-sizing: border-box;
}

.logo {
    width: 165px;
    height: 70px;
    overflow: hidden;
}

.logo img {
    width: 165px;
    height: 70px;
    display: block;
}

.h_nr h2 {
    margin-left: 30px;
    margin-top: 14px;
    width: 428px;
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    position: relative;
    padding-left: 25px;
    line-height: 30px;
}

.h_nr h2:before {
    content: "";
    position: absolute;
    border-left: 1px solid #EEE;
    top: 0px;
    left: 0;
    width: 1px;
    height: 58px;
}

.h_nr h2 i {
    font-weight: normal;
    color: #01487e;
}

.h_nr h2 b {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    display: block;
    text-align: left;
}

.h_nr .sc {
    margin-top: 14px;
    text-align: left;
    float: right;
    width: 262px;
    box-sizing: border-box;
    padding-left: 50px;
    line-height: 30px;
    background: url(../images/tel.png) no-repeat left 5px;
}

.h_nr .sc span {
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 22px;
}

.h_nr .sc p {
    overflow: hidden;
    color: #454545;
    font: bold 28px "Arial";
    font-weight: bold;
}

.navbg {
    height: 52px;
    background: url(../images/navbg.jpg) repeat-x center center;
    overflow: hidden;
}

.menu > ul {
    width: 1200px;
    margin: 0 auto;
}

.menu > ul > li {
    height: 52px;
    line-height: 52px;
    float: left;
    position: relative;
}

.menu > ul > li > a {
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    padding: 0 42px;
    position: relative;
    z-index: 2;
}

.menu > ul > li:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 15px;
    background: url(../images/libg.png) no-repeat;
    height: 24px;
    width: 2px;
}

.menu > ul > li:after {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    background: url(../images/cur.png) repeat-x center center;
    bottom: 0;
    left: 0;
    -webkit-transition: height .5s;
    transition: height .5s;
    color: #FFF;
    z-index: 1;
}

.menu > ul > li:hover:after, .menu li.cur:after {
    height: 100%;
    color: #333;
    z-index: 1;
    font-weight: bold;
}

.nav > ul > li > a:hover, .nav .cur a {
    font-weight: 333333;
    text-decoration: none;
    color: #333;
}

.menu .home a {
    padding-left: 52px;
}

.menu .home a:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 22px;
    top: 19px;
    background: url(../images/home.png) no-repeat;
    height: 15px;
    width: 15px;
}

.menu .home img {
    vertical-align: middle;
    margin-right: 3px;
}

.menu .nones:before {
    background: none;
}

.searchbox {
    width: 100%;
    height: 100px;
}

.searchbox_content {
    width: 600px;
    margin: 0px auto;
    padding-top: 25px;
}

.sk {
    float: left;
    height: 50px;
    line-height: 50px;
    border: 1px solid #FFF;
    width: 498px;
    text-indent: 20px;
    color: #333;
    font-size: 17px;
    background: #FFF;
    border-radius: 50px 0 0 50px;
    outline: none;
}

.sbtn {
    width: 100px;
    height: 52px;
    background: #222;
    border: 0px;
    color: #FFF;
    font-size: 17px;
    border-radius: 0 50px 50px 0;
    outline: none;
    cursor: pointer;
}

.feedback {
    clear: both;
    margin: 0px auto;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.submita {
    margin: 16px auto;
    margin-left: 20px;
    display: inline-block;
    padding: 0 18px !important;
    line-height: 22px;
    background: #ff9c00;
    border: 0px;
    height: 24px;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
}

.xh {
    color: #f00;
    padding: 0 3px;
}

#feedbackForm {
    color: #2b0505;
    font-size: 16px;
    border: 1px dashed #CCC;
    padding: 30px 30px 10px 0;
    margin-bottom: 30px;
}

#feedbackForm tr td {
    border: 0px solid #CCC;
    height: 50px;
}

#feedbackForm tr td:nth-child(1) {
    width: 80px;
    text-align: right;
}

#feedbackForm tr td input {
    margin-left: 20px;
    border: 1px solid #CCC;
    width: 90%;
    height: 80%;
    background-color: rgba(1, 1, 1, 0.0);
    border-radius: 5px;
}

#feedbackForm tr td textarea {
    margin-left: 20px;
    border: 1px solid #CCC;
    width: 90%;
    height: 80%;
    background-color: rgba(1, 1, 1, 0.0);
    border-radius: 5px;
    resize: none;
}

.submita {
    width: 90%;
    height: 50px;
    border-radius: 5px;
}

@media only screen and (max-width: 680px) {
    #feedbackForm {
        border: none;
    }

    .feedbackForm table {
        width: 100%;
    }

    .pro_lb0 img {
        width: 100%;
    }

    .pro_lb0 li p strong {
        width: 90vw;
    }

    .acon .pinfo {
        padding: 0 !important;
    }

    .acon .pinfo {
        padding: 0 !important;
    }

    .feedbackForm tr td {
        width: 20.5942vw !important;
        display: block;
        float: left;
    }

    .feedbackForm tr td input {
        width: 60vw !important;
    }

    .feedbackForm tr td .atextarea {
        width: 60vw !important;
    }

    .submita {
        font-size: 14px;
        width: 60vw !important;
    }

    .navbar .logo img {
        width: 80%;
    }
}

.dropdown-menu {
    width: 100%;
}

.dropdown-menu > li > a {
    line-height: 36px;
}

.menu > ul > li:hover .dropdown-menu {
    display: block !important;
}

.footlinks {
    clear: both;
    margin: 0px auto;
    padding: 5px 10%;
    height: auto;
    font-size: 9pt;
    line-height: 140%;
    color: #777;
    text-align: center;
    background-color: #272727;
}

.footlinks a:link, .footlinks a:visited {
    font-size: 9pt;
    line-height: 140%;
    color: #777;
    margin-right: 3px;
}

.bPosition {
    margin-bottom: 20px;
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
    line-height: 48px;
}

.bPosition b {
    border-left: 10px solid #f08519;
    font-weight: normal;
    padding-left: 8px;
}

.twojin {
    height: 136px;
    overflow: hidden;
    margin: 10px 0 20px;
    background: #F7F7F7;
    width: 895px;
    text-align: left;
    padding-top: 15px;
}

.twojin .sj {
    float: right;
    width: 110px;
    height: 151px;
    padding-top: 15px;
}

.twojin .fr1 {
    color: #999;
    font-size: 14px;
}

.twojin .fr {
    line-height: 25px;
    text-align: center;
    color: #FFF;
    background-color: #999;
    margin-top: 50px;
    padding: 0px 17px;
}

.twojin .tp {
    width: 210px;
    float: left;
    padding-left: 10px;
    background: url(../images/news.jpg) no-repeat center left 12px;
}

.twojin p {
    padding: 10px 0 0 20px;
    line-height: 26px;
    width: 540px;
    overflow: hidden;
    float: left;
    color: #555;
}

.twojin p b {
    display: block;
    font-weight: 100;
    color: #000;
    width: 595px;
    height: 34px;
    overflow: hidden;
}

.twojin p b a, .new_ab li p b a:hover {
    color: #343434;
    font-weight: bold;
    font-size: 16px;
}

.twojin p span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 70px;
    line-height: 24px;
    font-size: 14px;
}

.twojin .fr:hover {
    background: #E50012;
}

.prevNext {
    overflow: hidden;
}

.prevNext p {
    line-height: 36px;
    font-size: 16px;
    color: #000;
}

.prevNext p a {
    color: #000;
}

.rnews {
    width: 100%;
    margin-top: 36px;
}

.rnews h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 8px 0px;
    background: #0067aa;
    color: #FFF;
    margin-bottom: 28px;
    text-indent: 32px;
}

.rnews ul {
    overflow: hidden;
}

.rnews ul li {
    display: inline-block;
    vertical-align: middle;
    width: 406px;
    margin-right: 15px;
    font-size: 13px;
    color: #888;
    border-bottom: 1px dotted #c4c4c4;
    line-height: 29px;
    margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
}

.rnews ul li a {
    display: block;
    width: 100%;
    line-height: 29px;
    color: #888;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbg {
    overflow: inherit;
}

.h2, .h3 {
    margin: 0px;
    padding: 0px;
}

.h2 {
    font-size: 26px;
}

.pageTitle .h2 {
    display: block;
    float: left;
    height: 46px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
}

.product-show-title .h2 {
    line-height: 24px;
    border-bottom: 1px dashed #CCC;
    font-size: 18px;
    color: #e00013;
    padding: 10px 0;
    font-family: "微软雅黑";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h_nr .h2 {
    margin-left: 30px;
    margin-top: 14px;
    width: 435px;
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    position: relative;
    padding-left: 25px;
    line-height: 30px;
}

.h_nr .h2:before {
    content: "";
    position: absolute;
    border-left: 1px solid #EEE;
    top: 0px;
    left: 0;
    width: 1px;
    height: 58px;
}

.h_nr .h2 i {
    font-weight: normal;
    color: #01487e;
}

.h_nr .h2 b {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    display: block;
    text-align: left;
}

.oddsMain .h3 {
    font-size: 20px;
    color: #3c3c3c;
    margin-bottom: 10px;
}

.oddsMain .h3 strong {
    color: # #0067aa;
}

.oddsMain .h3 span {
    font-size: 11px;
    font-family: Arial;
    color: #717171;
    font-weight: normal;
    display: block;
    line-height: 20px;
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
}

.sidebarThree .h3 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

.sidebarThree .h3 span {
    display: block;
    font-size: 24px;
    color: #f08519;
    font-family: arial;
}

.orderBox .h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.clientList ul li .h3 {
    height: 35px;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.clientList ul li .h3 a {
    color: #333;
}

.clientList ul li .h3 a:hover {
    color: #e00013;
}

.clientList ul li .h3 span {
    display: inline-block;
    margin-left: 10px;
}

.newsList li .h3 {
    font-size: 16px;
    font-weight: normal;
}

.newsList li .h3 span {
    float: right;
    font-size: 12px;
}

.newsList li .h3 a {
    color: #333;
    display: inline-block;
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsList li .h3 a:hover {
    color: #e00013;
}

.rnews .h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 8px 0px;
    background: #0067aa;
    color: #FFF;
    margin-bottom: 28px;
    text-indent: 32px;
}

.newsMain_list ul li a {
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsMain_list li {
    width: 312px;
}
.aboutus h4{margin-bottom: 15px;}
.aboutus h4 em{margin-right: 10px;}